<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天天生鲜-登录页</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>

    <div class="login_header clearfix">
         <a href="index.html"><img src="images/logo.png" alt="logo"></a>
    </div>

    <div class="login_form_con">
        <div class="login_form">
            <img src="images/login.jpg" class="login_banner">
            <p class="slogan fl">日夜兼程*急速送达</p>
            <div class="form_input_con fr">
                <div class="form_title">
                    <h1 class="fl">会员登录</h1>
                    <a href="#" class="fr">立即注册</a>
                </div>
                <!--表单提交用form标签-->
                <form>
                    <div class="form_group">
                        <input type="text" name="username" class="input_txt"
                        placeholder="请输入用户名">
                        <span class="error">文字提示</span>
                    </div>

                    <div class="form_group">
                        <input type="password" name="pwd" class="input_pwd"
                        placeholder="请输入密码">
                        <span class="error">文字提示</span>
                    </div>

                    <div class="form_group">
                        <input type="checkbox" name="remember" id="remember"
                               class="input_check fl">
                        <!--for="remember" 这可以使用户在点击“记住用户名”时也可以选中该属性-->
                        <label for="remember" class="fl">记住用户名</label>
                        <a href="#" class="find_pass fr">忘记密码</a>
                    </div>

                    <input type="submit" name="" value="登 录" class="input_sub">
                </form>
            </div>

        </div>
    </div>

    <div class="footer login_footer">
        <div class="links">
            <a href="">关于我们</a>
            <span>|</span>
            <a href="">联系我们</a>
            <span>|</span>
            <a href="">招聘人才</a>
            <span>|</span>
            <a href="">友情链接</a>
        </div>
        <p>CopyRight © 2016 北京天天生鲜信息技术有限公司 All Rights Reserved<br />

    电话：010-****888 京ICP备*******8号</p>
    </div>

</body>
</html>
